<template>
  <div class="layout">
    <!-- 二级路由 -->
    <router-view></router-view>
    <van-tabbar v-model="active" route placeholder>
      <van-tabbar-item icon="home-o" to="/home">首页</van-tabbar-item>
      <van-tabbar-item icon="search" dot to="/qa">问答</van-tabbar-item>
      <van-tabbar-item icon="friends-o" badge="5" to="/movie">视频</van-tabbar-item>
      <van-tabbar-item icon="setting-o" badge="20" to="/user">用户</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: "layout",
  data(){
      return {
         active:0 
      }
  }
};
</script>

<style>
</style>